<template>
  <div class="address">
    <div>
      <h3>{{ name }}</h3>
      <h4>{{ mobile }}</h4>
    </div>
    <div>
      <p>{{ province }} {{ city }} {{ district }} {{ address }}</p>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'OrderAddress',
    props: {
      name: String,
      mobile: String,
      province: String,
      city: String,
      district: String,
      address: String
    }
  }
</script>

<style lang="scss" scoped>
  .address {
    margin-bottom: 0.2rem;
    padding: 0.2rem;
    background: #fff;
    div {
      display: flex;
      padding: 0.04rem 0;
      align-items: center;
      h3 {
        margin-right: 0.2rem;
        font-size: 0.28rem;
      }
      h4 {
        font-size: 0.24rem;
      }
      p {
        font-size: 0.24rem;
      }
    }
  }
</style>
